@import "../node_modules/sassdash/scss/sassdash";

$responsestyles: require('./domesome');

body {
    margin: 0;
}

#app {
    display: grid;
    grid-template-columns: 300px auto;
    grid-template-rows: 100px auto;
    grid-template-areas: "header header header header"
                         "nav nav nav nav"
                         "main main main aside"
                         "footer footer footer footer";

    header {
        grid-area: header;
    }

    nav {
        grid-area: nav;
    }

    main {
        grid-area: main;
    }

    aside {
        grid-area: aside;
    }

    footer {
        grid-area: footer;
    }
}